<?php
include_once '../model/Constructora.php';
?>
<!DOCTYPE HTML>
<html>
    <head>
        <?php include 'content.php'; ?>
        <script type="text/javascript">
            $(document).ready(function () {
                
                $("#constru").change(function(){
                    if ($(this).val()>0){
                        $.ajax({
                            data:  $("#formAvance").serialize(),
                            url:   '<?php echo $_SERVER['HELPER'] ?>?action=avance&method=loadObras&result=ajax',
                            type:  'post',
                            beforeSend: function () {
                            },
                            success:  function (data) {        

                                var info = JSON.parse(data);
                                                                                                                   
                                if (info.estatus == AJAX_SUCCESSFUL) {                
                                    $("#obra").removeAttr("disabled");
                                    $("#obra option").remove();
                                    $("#obra").append(new Option("Seleccione","0"));
                                    $.each(info.obras, function(key, value) {
                                        $("#obra").append(new Option(value.val,value.key));
                                    });                                                                                                     
                                }  else{
                                    alert(info.msj);
                                }                                  
                            }                                    
                        });
                    }else{
                        $("#obra").attr("disabled","true");
                        $("#obra option").remove();
                        $("#obra").append(new Option("Seleccione antes la constructora","0"));
                        
                        $("#etapa").attr("disabled","true");
                        $("#etapa option").remove();
                        $("#etapa").append(new Option("Seleccione antes la obra","0"));
                    }
                });
                
                $("#obra").change(function(){
                    if ($(this).val()>0){
                        $.ajax({
                            data:  $("#formAvance").serialize(),
                            url:   '<?php echo $_SERVER['HELPER'] ?>?action=avance&method=loadEtapas&result=ajax',
                            type:  'post',
                            beforeSend: function () {
                            },
                            success:  function (data) {                            
                                var info = JSON.parse(data);
                                                                                                                   
                                if (info.estatus == AJAX_SUCCESSFUL) { 
                                    $("#etapa").removeAttr("disabled");
                                    $("#etapa option").remove();
                                    $("#etapa").append(new Option("Seleccione","0"));
                                    $.each(info.etapas, function(key, value) {
                                        $("#etapa").append(new Option(value.val,value.key));
                                    });                               
                                }  else{
                                    alert(info.msj);
                                }                                  
                            }                                    
                        });
                    }else{
                        $("#etapa").attr("disabled","true");
                        $("#etapa option").remove();
                        $("#etapa").append(new Option("Seleccione antes la obra","0"));
                    }
                });         
                
                $("#formAvance").submit(function(){
                    var result = false;
                    if ($("#etapa").val()==0){
                        alert("Es necesario seleccionar la etapa para continuar");
                    }else{
                        result = true;
                    }
                    return result;
                });                
            });
        </script>
    </head>
    <body>      
        <?php include 'header.php'; ?> 
        <div id="main">
            <div class="column-left">
                <?php include 'lateral.php'; ?> 
            </div>
            <div class="column-center">
                <h2>Avances de Obras</h2>
                <h3>Seleccione la Etapa antes de Empezar</h3>
                <form id="formAvance" name="formAvance" method="post" action="<?php echo $_SERVER['HELPER'] ?>?action=avance&method=listar">
                    <fieldset>
                        <table style="width: 100%;">
                            <tr>
                                <td>
                                    <label for="constru">Constructora:</label>
                                </td>
                                <td >
                                    <select id="constru" name="constru">
                                        <option value="0">Seleccione</option>
                                        <?php
                                        $i = 0;
                                        $constructora = new Constructora();
                                        $constructoras = unserialize($_SESSION['constructoras']);

                                        for ($i = 0; $i < count($constructoras); $i++) {
                                            $constructora = $constructoras[$i];
                                            ?>  
                                            <option value="<?php echo $constructora->getId(); ?>">
                                                <?php echo $constructora->getNombre(); ?>
                                            </option>
                                        <?php } ?>
                                    </select>                                
                                </td>
                            </tr>                            
                            <tr>
                                <td>
                                    <label for="obra">Obra:</label>
                                </td>
                                <td>
                                    <select id="obra" name="obra" disabled="true">
                                        <option value="0">Seleccione antes la constructora</option>                                       
                                    </select>                                
                                </td>
                            </tr>                            
                            <tr>
                                <td>
                                    <label for="etapa">Etapa:</label>
                                </td>
                                <td>
                                    <select id="etapa" name="etapa" disabled="true">
                                        <option value="0">Seleccione antes la obra</option>                                       
                                    </select>                                
                                </td>
                            </tr>                            
                        </table>
                        <div id="next" style="text-align: center; margin-top: 50px;">                    
                            <a href="#" onclick="$('#formAvance').submit();">
                                <img src="../images/next.png" alt="" class="pointer" width="32" height="32" 
                                     title="Continuar" />
                            </a>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="column-right">               
                <?php include 'right.php'; ?>
            </div>
        </div>
        <?php include 'footer.php'; ?>      
    </body>    
</html>